<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>test</title>
<link rel="stylesheet" type="text/css"
	href="easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="easyui/themes/icon.css">
<script type="text/javascript" src="easyui/jquery.min.js"></script>
<script type="text/javascript" src="easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="easyui/locale/easyui-lang-zh_CN.js"></script>
</head>
<!-- 
标签：
声明控件：class="easyui-控件名"，例如：class="easyui-dialog"
控件属性：data-options="属性名:'属性值',属性名:'属性值'"，例如：data-options="iconCls:'icon-save',resizable:true
控件事件：data-options="属性名:'属性值',事件名:function(){}"，
Js:
声明控件：$(选择器).控件名({
  属性名：属性值，
   属性名：属性值，
  事件名：function(){},
   事件名：function(){}
});

如何调用控件已有的方法：
 $(选择器).控件名("方法名", "方法参数");
 $(选择器).控件名("方法名", {参数名：参数值，参数名：参数值 });
 -->
	<script type="text/javascript">
		function add() {
			alert("add");
			var node = $('#tt').tree('getSelected');
			if (node) {
				$('#tt').tree('insert', {
					after : node.target,
					data : {
						id : 21,
						text : 'node text'
					}
				});
			}

		}

		function addChild() {
			alert("addChild");
		}
		
		function remove() {
			alert("remove");
		}
		$(function() {
			$('#tt').tree({
				url : 'tree_data1.json',
				checkbox:true,
				lines : true,
				//dnd:true,
				onContextMenu : function(e, node) {
					e.preventDefault();
					// 查找节点
					$('#tt').tree('select', node.target);
					// 显示快捷菜单
					$('#mm').menu('show', {
						left : e.pageX,
						top : e.pageY
					});
				}

			});
		});
	</script>
<body>
	<!-- 右键菜单定义如下： -->
	<div id="mm" class="easyui-menu" style="width: 120px;">
		<div onclick="add()" data-options="iconCls:'icon-add'">添加同级</div>
		<div onclick="addChild()" data-options="iconCls:'icon-add'">添加下级</div>
		<div onclick="remove()" data-options="iconCls:'icon-remove'">删除</div>
	</div>

	<table>
		<tr>
			<td>
				<ul id="tt"></ul>
			</td>
			<td>
				<form action="">
					部门编号：<input type="text" name=""><br> 
					部门名称：<input	type="text" name=""><br> 
					部门地址：<input type="text"	name=""><br> 
					负责人：<input type="text" name=""><br>
					联系电话：<input type="text" name=""><br> 。。。
					 <input	type="button" value="确定">
				</form>


			</td>
		</tr>
	</table>

</body>
</html>